﻿<!DOCTYPE html>
<html>
<head>
    <title>吴淞学区红色电影征文活动</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <style type="text/css">

        body {
            background-color: #fffcef;
            /*去除移动端webkit浏览器点击按钮或超链接默认灰色背景色*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .wrap_menu {
            position: fixed;
            bottom: 0.5em;
            width: 100%;
            text-align: center;
        }

        .menu_item {
            display: inline-block;
            background-color: red;
            color: white;
            height: 2em;
            line-height: 2em;
            width: 6em;
            border-radius: 1em;
            text-decoration: none;
            border: 1px solid red;
        }

            .menu_item:active {
                background-color: white;
                color: red;
            }
    </style>
</head>
<body>
    <section style="font-size: 14px;">
        <section class="_135editor" style="position: static; border: 0px none;">
            <section style="margin-top: 10px; margin-right: 0%; margin-left: 0%; position: static;">
                <section style="display: inline-block; width: 100%; vertical-align: top; background-color: rgb(255, 252, 238);">
                    <section class="_135editor" style="position: static; border: 0px none;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static; border: 0px none;">
                        <section style="text-align: center; margin: 10px 0%; position: static;">
                            <section style="display: inline-block; width: 95%; vertical-align: top; border-width: 1px; border-radius: 0px; border-style: solid; border-color: rgb(184, 153, 112); padding: 10px;">
                                <section class="_135editor" style="position: static; border: 0px none;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="display: inline-block; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid rgb(184, 153, 112); border-bottom: 1px solid rgb(184, 153, 112); border-right-color: rgb(184, 153, 112); border-left-color: rgb(184, 153, 112);">
                                            <section style="padding-right: 5px; padding-left: 5px; display: inline-block; background-color: rgb(182, 44, 37); color: rgb(255, 255, 255); font-size: 16px;">
                                                <p>
                                                    16、捧着爱心&nbsp; 服务教育
                                                </p>
                                                <p>
                                                    ——“我的电影”专题教育活动《雷锋》观后感
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor" style="border: 0px none;">
                                    <section style="position: static;">
                                        <section style="text-align: left;">
                                            <p>
                                                <br />
                                            </p>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor" style="position: static; border: 0px none;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="max-width: 100%; vertical-align: middle; display: inline-block;">
                                            <img width="100%" src="../asset/images/dj_cover/16.jpg" style="vertical-align: middle;" data-ratio="0.6716667" data-w="600" />
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor" style="border: 0px none;">
                                    <section style="position: static;">
                                        <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8;">
                                            <p style="text-indent: 2em;">
                                                《雷锋》这部电影小时候就看过，当时的最大感悟是要向雷锋叔叔一样做一个热于助人的好人，并且要做好事不留名。如今自己成为了一名教育工作者之后有幸又重温了这部红色电影，有了新一层的感悟，对我以后的教育之路无疑是一盏指路明灯——<strong>真正的爱心是给予别人自己珍藏的，而不是给别人自己多余的</strong>。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                电影片段：雷锋走在路边，突然下起倾盆大雨，正在风雨交加之时，一位老奶奶，领着正在哭泣的孩子踉跄地走在雨里。雷锋看见了二话不说，一手抱起孩子，一边哄着他笑，为了不让老奶奶愧疚，嘴里还一边强调着：我顺路，我顺路。他完全不在意自己是要冒着大雨原路折回部队的。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                生活中，我们常看到的爱是：见到在雨中慌忙逃窜的人，而此时的你又刚好多一把雨伞，你把多余的雨伞给了他。而又有几人是会在相同的情况下把自己手中唯一的雨伞给对方。可能这样的举例不那么恰当，但同样的道理在我的教育案例中却是恰如其分地体现着。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                教育案例：小明今天的英语改一般疑问句这一知识点又没有过关，而此时已临近放学。虽然，此刻已是身心俱疲的老师却依旧决定放学留下来给小明补差。说到这里，旁观大众一定会说，这位老师牺牲了自己休息的时间为孩子查漏补缺，真是个负责任的好老师。然而，之后的两种处理方式却是给了孩子两种不同的学习体验。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                处理方式一：小明，老师今天讲的五道题目怎么还不会，你看哦，正确答案是这样的这样的......还是不会吗？你怎么搞的，都半小时了还没把你说明白，来把这几题抄个5遍，把它记熟！如果还是不行，再抄5遍！就这样两个小时不知不觉地过去了......孩子记熟了这五题，向老师强调着他会了，急匆匆地奔出教室。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                处理方式二：小明，老师今天讲的五道题目怎么还没弄懂，来，老师再来给你分析一遍，咱们一题一题来，做完一题，老师马上又出了一题类似的，让孩子反馈掌握情况，弄清他到底哪里出了问题。就这样不知不觉两个小时过去了......孩子豁然开朗，喜笑颜开。他兴奋地喊着：老师，我会了，您再给我出一题不一样的，我保证不会错了。孩子谢过了老师，踏着轻盈的步伐从容走出了教室。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                看！同样的时间，同样的情况，一个老师给出的是多余的无效时间，而另一个老师给出了她的经验和思考，她的时间是有效的，高效的，珍贵的。而我，就是要深层次地领会雷锋精神，做一个有效的、高效的、用爱心来服务教育、服务孩子的好老师！
                                            </p>
                                        </section>
                                    </section>
                                </section>
                            </section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static; border: 0px none;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>
    <p>
        <br />
    </p>
    <section class="wrap_menu">
        <a id="menu_vote" class="menu_item">投票</a>&nbsp;&nbsp;
        <a id="menu_back" href="../index.html?back=a" class="menu_item">返回</a>
    </section>
    <script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.min.js" type="text/javascript"></script>
    <script src="../asset/js/utils.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var articleId = "273F5E69-FCA9-4623-A51C-682DA1C81F98";
            var user = getCookie("wusong_user");
            var openId = JSON.parse(user).OpenID;
            var nickName = JSON.parse(user).NickName;
            var total;

            $.getJSON("../api/user/" + openId, function (data) {

                total = data.ThumbupCount;

                console.log("get user total of thumbup : " + total);

                //设置点赞按钮状态
                if (data.ThumbupCount >= 3) {
                    $("#menu_vote").css("background-color", "gray");
                    $("#menu_vote").unbind("click");
                }
            });

            $("#menu_vote").click(function () {

                var model = { "openid": openId, "nickname": nickName, "articleid": articleId };

                $.ajax({
                    url: "../api/thumbup/",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    data: JSON.stringify(model),
                    error: function (data) {
                        console.log(data);
                    },
                    success: function (data) {
                        total++;
                        console.log("vote ok. Total of thumbup : " + total);

                        if (total >= 3) {
                            $("#menu_vote").css("background-color", "gray");
                            $("#menu_vote").unbind("click");
                        }

                    }
                });

            });

        });

    </script>
</body>
</html>